5）設定連結
在HTML中，設定超連結是非常重要的功能，可以使用 <a> 標籤來實現。這個標籤的基本語法是 <a href=""></a>，其中 href 屬性用來指定連結的目標網址。將想要連結的文字或元素包裹在 <a> 標籤之內，可以讓用戶點擊後跳轉到指定的網頁。例如，如果希望引導用戶前往 Google，只需這樣撰寫：現在立刻用 <a href="https://google.com.tw">Google</a> 搜尋！。這樣，當用戶點擊「Google」這個文字時，瀏覽器就會自動打開 Google 的首頁。
6）顯示項目清單
要在網頁上建立條列式清單，可以使用 <ul> 標籤搭配<li>標籤。<ul> 表示無序清單，而每個 <li> 標籤則代表清單中的一個項目。這樣的結構不僅使內容清晰可讀，還能有效整理資訊。例如，以下是一個包含幾種食材的清單範例：
<ul>
<li>蛋(3顆)</li>
<li>醬油(1大匙)</li>
<li>味淋(1大匙)</li>
<li>鹽(少許)</li>
</ul>
這段程式碼會生成一個條列式清單，讓用戶能輕鬆理解所需的材料。
7）建立CSS檔案
要美化網頁，建立CSS檔案是關鍵步驟。首先，啟動文字編輯器，然後撰寫CSS原始碼，這些代碼將控制網站的外觀和樣式。例如，使用者可以設定字型、顏色、邊距等屬性。完成後，將檔案儲存為「styles.css」。為了在HTML檔案中使用這個CSS檔案，需要在HTML的 <head> 部分加入以下連結：<link rel="stylesheet" type="text/css" href="styles.css">
這樣一來，每當瀏覽器加載HTML頁面時，就會自動引入使用者的CSS樣式，從而提升整體外觀和可讀性。利用CSS，使用者可以為標題設定特定字型，為背景添加顏色，甚至調整按鈕的樣式，讓網站更具吸引力。
iThome鐵人賽
看影片追技術